<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2019/7/3
  Time: 10:11
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>电影院</title>
    <link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
    <link href='http://fonts.useso.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'>
    <link href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css" rel="stylesheet">
    <link href="css/gozha-nav.css" rel="stylesheet" />
    <link href="css/external/jquery.selectbox.css" rel="stylesheet" />
    <link href="css/external/idangerous.swiper.css" rel="stylesheet" />
    <link href="css/style.css?v=1" rel="stylesheet" />
    <script src="js/external/modernizr.custom.js"></script>
</head>
<body> <div class="wrapper">
    <!-- Banner -->


    <!-- Header section -->
    <header class="header-wrapper">
        <div class="container">
            <!-- Logo link-->
            <a href='index.html' class="logo">
                <img alt='logo' src="images/logo.png">
            </a>

            <!-- Main website navigation-->
            <nav id="navigation-box">
                <!-- Toggle for mobile menu mode -->
                <a href="#" id="navigation-toggle">
							<span class="menu-icon">
                            <span class="icon-toggle" role="button" aria-label="Toggle Navigation">
                              <span class="lines"></span>
							</span>
							</span>
                </a>

                <!-- Link navigation -->
                <ul id="navigation">
                    <li>
                        <span class="sub-nav-toggle plus"></span>
                        <a href="#">选项</a>
                        <ul>
                            <li class="menu__nav-item">
                                <a href="movie-page-left.html">电影</a>
                            </li>
                            <li class="menu__nav-item">
                                <a href="movie-list-full.html">电影列表</a>
                            </li>
                            <li class="menu__nav-item">
                                <a href="single-cinema.html">电影院</a>
                            </li>
                            <li class="menu__nav-item">
                                <a href="cinema-list.html">电影院名单</a>
                            </li>
                            <li class="menu__nav-item">
                                <a href="contact.html">联系我们</a>
                            </li>
                            <li class="menu__nav-item">
                                <a href="404.html">404 错误</a>
                            </li>
                            <li class="menu__nav-item">
                                <a href="login.html">登陆</a>
                            </li>
                        </ul>
                    </li>

                    <li>
                        <span class="sub-nav-toggle plus"></span>
                        <a href="page-elements.html">预订步骤</a>
                        <ul>
                            <li class="menu__nav-item">
                                <a href="book1.html">预订步骤 1</a>
                            </li>
                            <li class="menu__nav-item">
                                <a href="book2.html">预订步骤 2</a>
                            </li>
                            <li class="menu__nav-item">
                                <a href="book3-buy.html">预订步骤 3 (购买)</a>
                            </li>
                            <li class="menu__nav-item">
                                <a href="book3-reserve.html">预订步骤 3 (预约)</a>
                            </li>
                            <li class="menu__nav-item">
                                <a href="book-final.html">订单</a>
                            </li>
                        </ul>
                    </li>

                    <li>
                        <span class="sub-nav-toggle plus"></span>
                        <a href="#">菜单</a>
                        <ul class="mega-menu container">
                            <li class="col-md-3 mega-menu__coloum">
                                <h4 class="mega-menu__heading">正在热映的电影</h4>
                                <ul class="mega-menu__list">
                                    <li class="mega-menu__nav-item">
                                        <a href="#">一条狗的使命2</a>
                                    </li>
                                    <li class="mega-menu__nav-item">
                                        <a href="#">千与千寻</a>
                                    </li>
                                    <li class="mega-menu__nav-item">
                                        <a href="#">...</a>
                                    </li>
                                    <li class="mega-menu__nav-item">
                                        <a href="#">...</a>
                                    </li>
                                    <li class="mega-menu__nav-item">
                                        <a href="#">...</a>
                                    </li>
                                    <li class="mega-menu__nav-item">
                                        <a href="#">...</a>
                                    </li>
                                </ul>
                            </li>

                            <li class="col-md-3 mega-menu__coloum">
                                <h4 class="mega-menu__heading">即将结束的电影</h4>
                                <ul class="mega-menu__list">
                                    <li class="mega-menu__nav-item">
                                        <a href="#">一条狗的使命2</a>
                                    </li>
                                    <li class="mega-menu__nav-item">
                                        <a href="#">千与千寻</a>
                                    </li>
                                    <li class="mega-menu__nav-item">
                                        <a href="#">...</a>
                                    </li>
                                    <li class="mega-menu__nav-item">
                                        <a href="#">...</a>
                                    </li>
                                    <li class="mega-menu__nav-item">
                                        <a href="#">...</a>
                                    </li>
                                    <li class="mega-menu__nav-item">
                                        <a href="#">...</a>
                                    </li>
                                </ul>
                            </li>

                        </ul>
                    </li>
                </ul>
            </nav>

            <!-- Additional header buttons / Auth and direct link to booking-->
            <div class="control-panel">
                <a href="#" class="btn btn--sign login-window">登陆</a>
                <a href="#" class="btn btn--sign login-window">注册</a>
                <a href="#" class="btn btn-md btn--warning btn--book login-window">订票</a>
            </div>

        </div>
    </header>
    <!-- Search bar -->
    <div class="search-wrapper">
        <div class="container container--add">
            <form id='search-form' method='get' class="search">
                <input type="text" class="search__field" placeholder="Search">
                <select name="sorting_item" id="search-sort" class="search__sort" tabindex="0">
                    <option value="1" selected='selected'>按照标题</option>

                </select>
                <button type='submit' class="btn btn-md btn--danger search__button">搜索一部电影</button>
            </form>
        </div>
    </div>

    <!-- Main content -->
    <section class="cinema-container">
        <div class="cinema cinema--full">
            <p class="cinema__title">电影院名称</p>
            <div class="cinema__rating">5.0</div>
            <div class="cinema__gallery">
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <!--First Slide-->
                        <div class="swiper-slide">
                            <img alt='' src="http://placehold.it/380x380">
                        </div>

                        <!--Second Slide-->
                        <div class="swiper-slide">
                            <img alt='' src="http://placehold.it/380x380">
                        </div>

                        <!--Third Slide-->
                        <div class="swiper-slide">
                            <img alt='' src="http://placehold.it/380x380">
                        </div>

                        <!--Four Slide-->
                        <div class="swiper-slide">
                            <img alt='' src="http://placehold.it/380x380">
                        </div>

                        <!--Five Slide-->
                        <div class="swiper-slide">
                            <img alt='' src="http://placehold.it/380x380">
                        </div>

                        <!--Six Slide-->
                        <div class="swiper-slide">
                            <img alt='' src="http://placehold.it/380x380">
                        </div>

                        <!--Seven Slide-->
                        <div class="swiper-slide">
                            <img alt='' src="http://placehold.it/380x380">
                        </div>

                        <!--Eight Slide-->
                        <div class="swiper-slide">
                            <img alt='' src="http://placehold.it/380x380">
                        </div>

                        <!--Nine Slide-->
                        <div class="swiper-slide">
                            <img alt='' src="http://placehold.it/380x380">
                        </div>

                    </div>
                </div>
            </div>
            <div class="cinema__info">
                <p class="cinema__info-item"><strong>地址:</strong>厦门, 思明区, 软件园</p>
                <p class="cinema__info-item"><strong>电话:</strong> 0871 224 0240</p>
                <p class="cinema__info-item"><strong>官方网站:</strong> <a href="#">www.myvue.com</a></p>
            </div>
        </div>

        <div class="share share--centered">
            <div class="addthis_toolbox addthis_default_style ">
                <a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
                <a class="addthis_button_tweet"></a>
                <a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
            </div>
        </div>

        <div class="tabs tabs--horisontal">
            <!-- Nav tabs -->
            <div class="container">
                <ul class="nav nav-tabs" id="hTab">
                    <li><a href="#movie1" data-toggle="tab">电影</a></li>
                    <li><a href="#comment1" data-toggle="tab">意见</a></li>
                    <li class="active"><a href="#map1" data-toggle="tab">地图</a></li>
                </ul>
            </div>

            <!-- Tab panes -->
            <div class="tab-content">
                <div class="tab-pane" id="movie1">
                    <div class="container">
                        <div class="movie-time-wrap">

                            <div class="datepicker">
                                <span class="datepicker__marker"><i class="fa fa-calendar"></i>Date</span>
                                <input type="text" id="datepicker" value='03/10/2014' class="datepicker__input">
                            </div>

                            <div class="clearfix"></div>

                            <div class="col-sm-6">

                                <!-- Movie variant with time -->
                                <div class="movie movie--time">
                                    <div class="row">
                                        <div class="col-sm-6 col-md-5">
                                            <div class="movie__images">
                                                <span class="movie__rating">4.1</span>
                                                <img alt='' src="http://placehold.it/424x424">
                                            </div>
                                        </div>

                                        <div class="col-sm-6 col-md-7">
                                            <a href='movie-page-left.html' class="movie__title">Gravity (2013) </a>

                                            <p class="movie__time">91 min</p>

                                            <p class="movie__option"><a href="#">Drama</a> | <a href="#">Sci-Fi</a> | <a href="#">Thriller</a></p>
                                        </div>
                                        <div class="time-select">
                                            <ul class="items-wrap">
                                                <li class="time-select__item" data-time='09:40'>09:40</li>
                                                <li class="time-select__item" data-time='13:45'>13:45</li>
                                                <li class="time-select__item" data-time='15:45'>15:45</li>
                                                <li class="time-select__item" data-time='19:50'>19:50</li>
                                                <li class="time-select__item" data-time='21:50'>21:50</li>
                                            </ul>
                                        </div>

                                    </div>
                                </div>
                                <!-- Movie variant with time -->
                            </div>

                            <div class="col-sm-6">

                                <!-- Movie variant with time -->
                                <div class="movie movie--time">
                                    <div class="row">
                                        <div class="col-sm-6 col-md-5">
                                            <div class="movie__images">
                                                <span class="movie__rating">5.0</span>
                                                <img alt='' src="http://placehold.it/424x424">
                                            </div>
                                        </div>

                                        <div class="col-sm-6 col-md-7">
                                            <a href='movie-page-left.html' class="movie__title">The Hobbit:  The Desolation of Smaug (2013) </a>

                                            <p class="movie__time">169 min</p>

                                            <p class="movie__option"><a href="#">Adventure</a> | <a href="#">Fantazy</a> | <a href="#">Drama</a></p>
                                        </div>

                                        <div class="time-select">
                                            <ul class="items-wrap">
                                                <li class="time-select__item" data-time='09:40'>09:40</li>
                                                <li class="time-select__item" data-time='13:45'>13:45</li>
                                                <li class="time-select__item" data-time='15:45'>15:45</li>
                                                <li class="time-select__item" data-time='19:50'>19:50</li>
                                            </ul>
                                        </div>

                                    </div>
                                </div>
                                <!-- Movie variant with time -->
                            </div>

                            <div class="clearfix"></div>

                            <div class="col-sm-6">

                                <!-- Movie variant with time -->
                                <div class="movie movie--time">
                                    <div class="row">
                                        <div class="col-sm-6 col-md-5">
                                            <div class="movie__images">
                                                <span class="movie__rating">4.9</span>
                                                <img alt='' src="http://placehold.it/424x424">
                                            </div>
                                        </div>

                                        <div class="col-sm-6 col-md-7">
                                            <a href='movie-page-left.html' class="movie__title">The Hunger Games:  Catching Fire (2013)</a>

                                            <p class="movie__time">149 min</p>

                                            <p class="movie__option"><a href="#">Adventure</a> | <a href="#">Action</a> | <a href="#">Sci-Fi</a></p>
                                        </div>

                                        <div class="time-select">
                                            <ul class="items-wrap">
                                                <li class="time-select__item" data-time='09:40'>09:40</li>
                                                <li class="time-select__item" data-time='13:45'>13:45</li>
                                                <li class="time-select__item" data-time='15:45'>15:45</li>
                                                <li class="time-select__item" data-time='19:50'>19:50</li>
                                                <li class="time-select__item" data-time='21:50'>21:50</li>
                                            </ul>
                                        </div>

                                    </div>
                                </div>
                                <!-- Movie variant with time -->
                            </div>

                            <div class="col-sm-6">

                                <!-- Movie variant with time -->
                                <div class="movie movie--time">
                                    <div class="row">
                                        <div class="col-sm-6 col-md-5">
                                            <div class="movie__images">
                                                <span class="movie__rating">4.9</span>
                                                <img alt='' src="http://placehold.it/424x424">
                                            </div>
                                        </div>

                                        <div class="col-sm-6 col-md-7">
                                            <a href='movie-page-left.html' class="movie__title">Thor: The Dark World  (2013) </a>

                                            <p class="movie__time">112 min</p>

                                            <p class="movie__option"><a href="#">Action</a> | <a href="#">Adventure</a> | <a href="#">Fantazy</a></p>
                                        </div>

                                        <div class="time-select">
                                            <ul class="items-wrap">
                                                <li class="time-select__item" data-time='09:40'>09:40</li>
                                                <li class="time-select__item" data-time='13:45'>13:45</li>
                                                <li class="time-select__item" data-time='15:45'>15:45</li>
                                                <li class="time-select__item" data-time='19:50'>19:50</li>
                                                <li class="time-select__item" data-time='21:50'>21:50</li>
                                            </ul>
                                        </div>

                                    </div>
                                </div>
                                <!-- Movie variant with time -->
                            </div>

                            <div class="clearfix"></div>

                            <div class="col-sm-6">

                                <!-- Movie variant with time -->
                                <div class="movie movie--time">
                                    <div class="row">
                                        <div class="col-sm-6 col-md-5">
                                            <div class="movie__images">
                                                <span class="movie__rating">4.1</span>
                                                <img alt='' src="http://placehold.it/424x424">
                                            </div>
                                        </div>

                                        <div class="col-sm-6 col-md-7">
                                            <a href='movie-page-left.html' class="movie__title">World War Z (2013) </a>

                                            <p class="movie__time">116 min</p>

                                            <p class="movie__option"><a href="#">Adventure</a> | <a href="#">Horror</a> | <a href="#">Action</a></p>
                                        </div>

                                        <div class="time-select">
                                            <ul class="items-wrap">
                                                <li class="time-select__item" data-time='09:40'>09:40</li>
                                                <li class="time-select__item" data-time='13:45'>13:45</li>
                                                <li class="time-select__item" data-time='15:45'>15:45</li>
                                                <li class="time-select__item" data-time='19:50'>19:50</li>
                                                <li class="time-select__item" data-time='21:50'>21:50</li>
                                            </ul>
                                        </div>

                                    </div>
                                </div>
                                <!-- Movie variant with time -->
                            </div>

                            <div class="col-sm-6">

                                <!-- Movie variant with time -->
                                <div class="movie movie--time">
                                    <div class="row">
                                        <div class="col-sm-6 col-md-5">
                                            <div class="movie__images">
                                                <span class="movie__rating">4.9</span>
                                                <img alt='' src="http://placehold.it/424x424">
                                            </div>
                                        </div>

                                        <div class="col-sm-6 col-md-7">
                                            <a href='movie-page-left.html' class="movie__title">Prisoners (2013) </a>

                                            <p class="movie__time">153 min</p>

                                            <p class="movie__option"><a href="#">Crime</a> | <a href="#">Thriller</a> | <a href="#">Drama</a></p>
                                        </div>

                                        <div class="time-select">
                                            <ul class="items-wrap">
                                                <li class="time-select__item" data-time='09:40'>09:40</li>
                                                <li class="time-select__item" data-time='13:45'>13:45</li>
                                                <li class="time-select__item" data-time='15:45'>15:45</li>
                                                <li class="time-select__item" data-time='19:50'>19:50</li>
                                                <li class="time-select__item" data-time='21:50'>21:50</li>
                                            </ul>
                                        </div>

                                    </div>
                                </div>
                                <!-- Movie variant with time -->
                            </div>

                            <div class="clearfix"></div>

                            <div class="col-sm-6">

                                <!-- Movie variant with time -->
                                <div class="movie movie--time">
                                    <div class="row">
                                        <div class="col-sm-6 col-md-5">
                                            <div class="movie__images">
                                                <span class="movie__rating">4.6</span>
                                                <img alt='' src="http://placehold.it/424x424">
                                            </div>
                                        </div>

                                        <div class="col-sm-6 col-md-7">
                                            <a href='movie-page-left.html' class="movie__title">This Is the End (2013)  </a>

                                            <p class="movie__time">107 min</p>

                                            <p class="movie__option"><a href="#">Comedy</a> | <a href="#">Fantazy</a></p>
                                        </div>

                                        <div class="time-select">
                                            <ul class="items-wrap">
                                                <li class="time-select__item" data-time='09:40'>09:40</li>
                                                <li class="time-select__item" data-time='13:45'>13:45</li>
                                                <li class="time-select__item" data-time='15:45'>15:45</li>
                                                <li class="time-select__item" data-time='19:50'>19:50</li>
                                                <li class="time-select__item" data-time='21:50'>21:50</li>
                                            </ul>
                                        </div>

                                    </div>
                                </div>
                                <!-- Movie variant with time -->
                            </div>

                        </div>
                    </div>
                </div>
                <div class="tab-pane" id="comment1">
                    <div class="container">
                        <div class="comment-wrapper">
                            <form id="comment-form" class="comment-form" method='post'>
                                <textarea class="comment-form__text" placeholder='Add you comment here'></textarea>
                                <label class="comment-form__info">250 characters left</label>
                                <button type='submit' class="btn btn-md btn--danger comment-form__btn">add comment</button>
                            </form>

                            <div class="comment-sets comment--light">

                                <div class="comment">
                                    <div class="comment__images">
                                        <img alt='' src="http://placehold.it/50x50">
                                    </div>

                                    <a href='#' class="comment__author"><span class="social-used fa fa-facebook"></span>Roberta Inetti</a>
                                    <p class="comment__date">today | 03:04</p>
                                    <p class="comment__message">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vitae enim sollicitudin, euismod erat id, fringilla lacus. Cras ut rutrum lectus. Etiam ante justo, volutpat at viverra a, mattis in velit. Morbi molestie rhoncus enim, vitae sagittis dolor tristique et.</p>
                                    <a href='#' class="comment__reply">Reply</a>
                                </div>

                                <div class="comment">
                                    <div class="comment__images">
                                        <img alt='' src="http://placehold.it/50x50">
                                    </div>

                                    <a href='#' class="comment__author"><span class="social-used fa fa-vk"></span>Olia Gozha</a>
                                    <p class="comment__date">22.10.2013 | 14:40</p>
                                    <p class="comment__message">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vitae enim sollicitudin, euismod erat id, fringilla lacus. Cras ut rutrum lectus. Etiam ante justo, volutpat at viverra a, mattis in velit. Morbi molestie rhoncus enim, vitae sagittis dolor tristique et.</p>
                                    <a href='#' class="comment__reply">Reply</a>
                                </div>

                                <div class="comment comment--answer">
                                    <div class="comment__images">
                                        <img alt='' src="http://placehold.it/50x50">
                                    </div>

                                    <a href='#' class="comment__author"><span class="social-used fa fa-vk"></span>Dmitriy Pustovalov</a>
                                    <p class="comment__date">today | 10:19</p>
                                    <p class="comment__message">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vitae enim sollicitudin, euismod erat id, fringilla lacus. Cras ut rutrum lectus. Etiam ante justo, volutpat at viverra a, mattis in velit. Morbi molestie rhoncus enim, vitae sagittis dolor tristique et.</p>
                                    <a href='#' class="comment__reply">Reply</a>
                                </div>

                                <div class="comment comment--last">
                                    <div class="comment__images">
                                        <img alt='' src="http://placehold.it/50x50">
                                    </div>

                                    <a href='#' class="comment__author"><span class="social-used fa fa-facebook"></span>Sia Andrews</a>
                                    <p class="comment__date"> 22.10.2013 | 12:31 </p>
                                    <p class="comment__message">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vitae enim sollicitudin, euismod erat id, fringilla lacus. Cras ut rutrum lectus. Etiam ante justo, volutpat at viverra a, mattis in velit. Morbi molestie rhoncus enim, vitae sagittis dolor tristique et.</p>
                                    <a href='#' class="comment__reply">Reply</a>
                                </div>

                                <div id='hide-comments' class="hide-comments">
                                    <div class="comment">
                                        <div class="comment__images">
                                            <img alt='' src="http://placehold.it/50x50">
                                        </div>

                                        <a href='#' class="comment__author"><span class="social-used fa fa-facebook"></span>Roberta Inetti</a>
                                        <p class="comment__date">today | 03:04</p>
                                        <p class="comment__message">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vitae enim sollicitudin, euismod erat id, fringilla lacus. Cras ut rutrum lectus. Etiam ante justo, volutpat at viverra a, mattis in velit. Morbi molestie rhoncus enim, vitae sagittis dolor tristique et.</p>
                                        <a href='#' class="comment__reply">Reply</a>
                                    </div>

                                    <div class="comment">
                                        <div class="comment__images">
                                            <img alt='' src="http://placehold.it/50x50">
                                        </div>

                                        <a href='#' class="comment__author"><span class="social-used fa fa-vk"></span>Olia Gozha</a>
                                        <p class="comment__date">22.10.2013 | 14:40</p>
                                        <p class="comment__message">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vitae enim sollicitudin, euismod erat id, fringilla lacus. Cras ut rutrum lectus. Etiam ante justo, volutpat at viverra a, mattis in velit. Morbi molestie rhoncus enim, vitae sagittis dolor tristique et.</p>
                                        <a href='#' class="comment__reply">Reply</a>
                                    </div>
                                </div>

                                <div class="comment-more">
                                    <a href="#" class="watchlist">Show more comments</a>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane active" id="map1">
                    <div id='cinema-map' class="map"></div>
                </div>
            </div>
        </div>

    </section>

    <div class="clearfix"></div>
    <footer class="footer-wrapper">
        <section class="container">
            <div class="col-xs-4 col-md-2 footer-nav">
                <ul class="nav-link">
                    <li><a href="#" class="nav-link__item">城市</a></li>
                    <li><a href="movie-list-left.html" class="nav-link__item">电影</a></li>

                    <li><a href="rates-left.html" class="nav-link__item">票房</a></li>
                </ul>
            </div>
            <div class="col-xs-4 col-md-2 footer-nav">
                <ul class="nav-link">
                    <li><a href="coming-soon.html" class="nav-link__item">即将到来</a></li>
                    <li><a href="cinema-list.html" class="nav-link__item">电影院</a></li>
                    <li><a href="offers.html" class="nav-link__item">最佳</a></li>

                </ul>
            </div>
            <div class="col-xs-4 col-md-2 footer-nav">
                <ul class="nav-link">
                    <li><a href="#" class="nav-link__item">使用条款</a></li>

                    <li><a href="contact.html" class="nav-link__item">关于我们</a></li>
                </ul>
            </div>
            <div class="col-xs-12 col-md-6">
                <div class="footer-info">
                    <p class="heading-special--small">Our Movie<br><span class="title-edition">在社交媒体上</span></p>

                    <div class="social">
                        <a href='#' class="social__variant fa fa-facebook"></a>
                        <a href='#' class="social__variant fa fa-twitter"></a>
                        <a href='#' class="social__variant fa fa-vk"></a>
                        <a href='#' class="social__variant fa fa-instagram"></a>
                        <a href='#' class="social__variant fa fa-tumblr"></a>
                        <a href='#' class="social__variant fa fa-pinterest"></a>
                    </div>

                    <div class="clearfix"></div>
                    <p class="copy">&copy; Our Movie, 2019年.版权所有. 由2组成立</p>
                </div>
            </div>
        </section>
    </footer>
</div>

<!-- open/close -->
<div class="overlay overlay-hugeinc">

    <section class="container">

        <div class="col-sm-4 col-sm-offset-4">
            <button type="button" class="overlay-close">Close</button>
            <form id="login-form" class="login" method='get' novalidate=''>
                <p class="login__title">sign in <br><span class="login-edition">welcome to A.Movie</span></p>

                <div class="social social--colored">
                    <a href='#' class="social__variant fa fa-facebook"></a>
                    <a href='#' class="social__variant fa fa-twitter"></a>
                    <a href='#' class="social__variant fa fa-tumblr"></a>
                </div>

                <p class="login__tracker">or</p>

                <div class="field-wrap">
                    <input type='email' placeholder='Email' name='user-email' class="login__input">
                    <input type='password' placeholder='Password' name='user-password' class="login__input">

                    <input type='checkbox' id='#informed' class='login__check styled'>
                    <label for='#informed' class='login__check-info'>remember me</label>
                </div>

                <div class="login__control">
                    <button type='submit' class="btn btn-md btn--warning btn--wider">sign in</button>
                    <a href="#" class="login__tracker form__tracker">Forgot password?</a>
                </div>
            </form>
        </div>

    </section>
</div>

<!-- JavaScript-->
<!-- jQuery 1.9.1-->
<script src="http://ajax.useso.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/external/jquery-1.10.1.min.js"><\/script>')</script>
<!-- Migrate -->
<script src="js/external/jquery-migrate-1.2.1.min.js"></script>
<!-- jQuery UI -->
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<!-- Bootstrap 3-->
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.2/js/bootstrap.min.js"></script>

<!-- Mobile menu -->
<script src="js/jquery.mobile.menu.js"></script>
<!-- Select -->
<script src="js/external/jquery.selectbox-0.2.min.js"></script>
<!-- Swiper slider -->
<script src="js/external/idangerous.swiper.min.js"></script>

<!-- Share buttons -->
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-525fd5e9061e7ef0"></script>

<!--*** Google map  ***-->
<script src="https://maps.google.com/maps/api/js?sensor=true"></script>
<!--*** Google map infobox  ***-->
<script src="js/external/infobox.js"></script>

<!-- Form element -->
<script src="js/external/form-element.js"></script>
<!-- Form validation -->
<script src="js/form.js"></script>

<!-- Custom -->
<script src="js/custom.js"></script>

<script type="text/javascript">
    $(document).ready(function() {
        init_Cinema();
    });
</script>

</body>
</html>
